p{
	margin:0;
}

.box{
	margin: 0 auto;
}
	.pic img{
		float: left;
	}
	.box h2{
		text-align: center;
		clear: both;
		color: #18850c;
	}
	.box p{
		text-align: center;
		color: #51ba3a;
	}
	.box a{
		display: block;
		background: #00e3cb;
		color: #fff;
		border: 1px solid #2deedc;
		text-align: center;
		font-weight: normal;
		text-shadow:none;
	}
	.box a:hover{
		color: #fff;
	}

@media screen and (min-width: 320px){

.box{
	padding: 178px 0;
	width: 185px;
}
	.pic{
		height: 67px;
	}
	.pic .four{
		width: 55px;
		height: 60px;
	}
	.pic .zero{
		width: 64px;
		height: 64px;
		margin-left: 3px;
	}
	.box h2{
		margin: 27px 0 6px;
		font-size: 21px;
	}
	.box p{
		font-size: 12px;
	}
	.box a{
		width: 63px;
		padding: 5px 0;
		margin:11px auto;
		font-size: 10px;
	}

}
@media screen and (min-width: 410px){

.box{
	padding: 200px 0;
	width: 236px;
}
	.pic{
		height: 85px;
	}
	.pic .four{
		width: 70px;
		height: 77px;
	}
	.pic .zero{
		width: 82px;
		height: 82px;
		margin-left: 3px;
	}
	.box h2{
		margin: 34px 0 8px;
		font-size: 27px;
	}
	.box p{
		font-size: 16px;
	}
	.box a{
		width: 81px;
		padding: 6px 0;
		margin:16px auto;
		font-size: 12px;
	}

}
@media screen and (min-width: 600px){

.box{
	padding: 300px 0;
	width: 346px;
}
	.pic{
		height: 125px;
	}
	.pic .four{
		width: 103px;
		height: 113px;
	}
	.pic .zero{
		width: 120px;
		height: 120px;
		margin-left: 5px;
	}
	.box h2{
		margin: 50px 0 12px;
		font-size: 40px;
	}
	.box p{
		font-size: 23px;
	}
	.box a{
		width: 118px;
		padding: 9px 0;
		margin:24px auto;
		font-size: 18px;
	}

}

@media screen and (min-width: 801px){

.box{
	width: 500px;
}
	.pic{
		height: 156px;
	}
	.pic .four{
		width: 129px;
		height: 141px;
	}
	.pic .zero{
		width: 150px;
		height: 150px;
		margin-left:6px;
	}
	.box h2{
		margin: 63px 0 15px;
		font-size: 50px;
	}
	.box p{
		font-size: 35px;
	}
	.box a{
		width: 148px;
		padding: 11px 0;
		margin:30px auto;
		font-size: 27px;
	}

}